//// 定义颜色变量
//@text-color-dark: rgba(255, 255, 255, 0.87);
//@bg-color-dark: #242424;
//@link-color: #646cff;
//@link-hover-color-dark: #535bf2;
//@button-bg-color-dark: #1a1a1a;
//@button-hover-border-color: #646cff;
//
//@text-color-light: #213547;
//@bg-color-light: #ffffff;
//@link-hover-color-light: #747bff;
//@button-bg-color-light: #f9f9f9;
//
//// 根元素样式
//:root {
//  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
//  line-height: 1.5;
//  font-weight: 400;
//
//  color-scheme: light dark;
//  color: @text-color-dark;
//  background-color: @bg-color-dark;
//
//  font-synthesis: none;
//  text-rendering: optimizeLegibility;
//  -webkit-font-smoothing: antialiased;
//  -moz-osx-font-smoothing: grayscale;
//
//  // 浅色模式媒体查询
//  @media (prefers-color-scheme: light) {
//    color: @text-color-light;
//    background-color: @bg-color-light;
//
//    a {
//      &:hover {
//        color: @link-hover-color-light;
//      }
//    }
//
//    //button {
//    //  background-color: @button-bg-color-light;
//    //}
//  }
//}
//
//// 链接样式
//a {
//  font-weight: 500;
//  color: @link-color;
//  text-decoration: inherit;
//
//  &:hover {
//    color: @link-hover-color-dark;
//  }
//}
//
//// 主体样式
//body {
//  margin: 0;
//  display: flex;
//  place-items: center;
//  min-width: 320px;
//  min-height: 100vh;
//}
//
//// 标题样式
//h1 {
//  font-size: 3.2em;
//  line-height: 1.1;
//}
//
//// 按钮样式
//button {
//  border-radius: 8px;
//  border: 1px solid transparent;
//  padding: 0.6em 1.2em;
//  font-size: 1em;
//  font-weight: 500;
//  font-family: inherit;
//  background-color: @button-bg-color-dark;
//  cursor: pointer;
//  transition: border-color 0.25s;
//
//  &:hover {
//    border-color: @button-hover-border-color;
//  }
//
//  &:focus,
//  &:focus-visible {
//    outline: none; // 去掉默认的聚焦轮廓
//    // 如果需要自定义聚焦样式，可以在这里添加其他样式，例如：
//    // box-shadow: 0 0 0 2px rgba(100, 108, 255, 0.5);
//  }
//}
//
//// 卡片样式
//.card {
//  padding: 2em;
//}
//
//// 应用容器样式
//#app {
//  max-width: 1280px;
//  margin: 0 auto;
//  padding: 2rem;
//  text-align: center;
//}

html, body ,#app{
  height: 100%;
  width: 100%;
}